.corp{font-size: 1.6rem; color:#AAA; margin:4rem 0 8rem; text-align: justify;}
.corp .f-l img{display: none;}
.solution{padding-bottom: 5rem;}
.solution>.mask{height: 26rem; position: relative; overflow: hidden;}
.solution .block{width:192rem; height: 26rem; position: absolute; left: 0; top:0;}
.solution .block>a{float: left; width:20rem; margin: 2rem; padding:15rem 5rem 5rem; text-align: center; font-size: 1.8rem;}
.solution .block>a.active,.solution .block>a:hover{background-color: #fff; box-shadow: 0 0 1rem #CCC; border-radius: 1rem;}
.solution>.page-left,.solution>.page-right{width:4rem; height:4rem; background-color: #DDD; position: absolute; left:-8rem; top:50%; margin-left: -2rem; font-size: 2rem; line-height: 4rem; text-align: center; color:white; margin-top: 2rem;}
.solution>.page-left.active,
.solution>.page-right.active,
.solution>.page-left:hover,
.solution>.page-right:hover{background-color: #06C;}
.solution>.page-right{left:unset; right:-10rem;}

@media (max-width: 1200px) {
  .solution>.page-left,.solution>.page-right{display: none;}
  .solution>.mask,.solution .block{width:initial; height: initial; overflow: hidden; position: unset;}
  .solution .block>a{width:21%; margin: 2%; padding:13rem 2rem 2rem; font-size: 1.8rem;}
}
@media (max-width:768px) {
  .solution .block>a{width:21%; margin: 2%; padding:10rem 1rem 1rem; font-size: 1.6rem;}
}
@media (max-width:480px) {
  .solution .block>a{width:46%; margin: 2%; padding:10rem 1rem 1rem; font-size: 1.6rem;}
  .list-img>a.col-third{width:94%;}
}
@media (min-width:481px) {
  /* .list-img>a:last-of-type{display: none;} */
}